<html>
<head>
	<meta charset='utf-8' />
	<title>小区信息助手后台</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		@media screen and (max-width:450px){
			#content,.nav_div{width:98%;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content,.nav_div{width:450px;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body>
<div id='content' style='position:relative;'>
	<h1 style='text-align:center'>小区管理成员</h1>
	
	<div id='user_list'>
		<div style='height:50px;;display:flex;margin:20px'>
			<div style='width:50px'>
				<img src="../img/s9.jpg" style='height:50px;width:50px;border-radius:25px' alt="">			
			</div>
			<div style='flex:1;text-align:center;font-size:12px;line-height:50px;overflow:hidden;white-space:nowrap'>沧海一声笑沧海一声笑沧海一声笑</div>
			<div style='text-align:right;line-height:50px;font-size:12px'>
				<span stlye=''>正常</span>　
				<span>禁言</span>　
				<span>解禁</span>　
				<span>罢免</span>
			</div>
		</div>
		<div style='height:50px;;display:flex;margin:20px'>
			<div style='width:50px'>
				<img src="../img/s9.jpg" style='height:50px;width:50px;border-radius:25px' alt="">			
			</div>
			<div style='flex:1;text-align:center;font-size:12px;line-height:50px;overflow:hidden;white-space:nowrap'>沧海一声笑沧海一声笑沧海一声笑</div>
			<div style='text-align:right;line-height:50px;font-size:12px'>
				<span stlye=''>正常</span>　
				<span>禁言</span>　
				<span>解禁</span>　
				<span>罢免</span>
			</div>
		</div>
		<div style='height:50px;;display:flex;margin:20px'>
			<div style='width:50px'>
				<img src="../img/s9.jpg" style='height:50px;width:50px;border-radius:25px' alt="">			
			</div>
			<div style='flex:1;text-align:center;font-size:12px;line-height:50px;overflow:hidden;white-space:nowrap'>沧海一声笑沧海一声笑沧海一声笑</div>
			<div style='text-align:right;line-height:50px;font-size:12px'>
				<span stlye=''>正常</span>　
				<span>禁言</span>　
				<span>解禁</span>　
				<span>罢免</span>
			</div>
		</div>
		
	</div>

	<div style='text-align:center'><button id='addAdminBtn'>添加超管</button></div>

		<!--添加普管-->
	<div id='addAdminCode' style='display:none;position:absolute;top:100px;height:250px;width:100%;background:#777;text-align:center;padding:20px 0'>
		<img src="../img/ewm.jpg" alt="" style='width:150px;height:150px'>	
		<div style='padding:10px 0'>
			受让人使用微信扫码，完成转让操作！
		</div>
		<div><button class='handOverBack'>返回</button></div>
	</div>


</div>



</body>
</html>
<script src='../public/jquery.js'></script>
<script src='../public/fun.js'></script>
<script>
$(function(){
	//底部导航与显示页面
	$.ajax({
		url:'after_template_bottom_nav.html',
		success(res){
			$('body').append(res);
		}
	});

	$('#addAdminBtn').click(function(){
		$('#addAdminCode').show();
	});
	$('.handOverBack').click(function(){
		$('#addAdminCode').hide();
	});
});
</script>